@charset "utf-8";

.runner-container {
  border-radius: 4px;
  border: 1px solid #DCDFE6;
  padding: 0;
}

.el-aside {
  border-radius: 4px;
  border: 1px solid #DCDFE6;
  padding: 10px;
  margin-left: 10px;
}

.el-form-item .el-form-item {
  margin-bottom: 22px;
}

.simple {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.waiting {
  background: yellow;
}

.running {
  background: green;
}

.success {
  background: springgreen;
}

.failed {
  background: red;
}

.ignore {
  background: lightgray;
}

.runner-logger {
}

.running-history {
  text-align: center;
  padding: 5px 0;
  border-radius: 4px;
  border: 1px solid #DCDFE6;

  div {
    cursor: pointer;
    display: block;
    padding: 10px;

    &:hover {
      color: red;
      background: #ccc;
    }
  }

  .selected {
    background: #eee;
  }

  .el-icon-circle-check {
    color: green;
  }

  .el-icon-circle-close {
    color: red;
  }
}
